﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="LogicUniversity.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="css/bootstrap.css" type="text/css" rel="Stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="Stylesheet" />
    <style type="text/css">
        body
        {
            padding-top:80px;
        }
        @media screen and (max-width:768px)
        {
            body
            {
                padding-top:0px;
            }
        }
        
        @media screen and (max-width:600px)
        {
            input[type='text'], input[type='password']
            {
                width:120px;
            }
        }
        html, body {
            background-color: #eee;
        }
        .content {
        background-color: #fff;
        padding: 20px 20px 20px 50px;
        margin: 0 -20px; 
        -webkit-border-radius: 10px 10px 10px 10px;
           -moz-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
      }
      
      .login-form {
		margin-left: 65px;
	  }
	  legend {
		margin-right: -50px;
		font-weight: bold;
	  	color: #404040;
	  }
    </style>
</head>
<body>
    
    <%--<div class="container" style="width:300px; margin-top:15%;">
        <div class="content">
            <div class="row-fluid">
                <div class="login-form">
                    <h3>Login</h3>
                    <form id="form1" runat="server">
                        <fieldset>
                            <div class="clearfix">
                                <asp:TextBox ID="txtUserID" placeholder="EmployeeId" runat="server"></asp:TextBox>
                            </div>
                            <div class="clearfix">
                                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
                            </div>
                            <asp:Button CssClass="btn btn-primary" ID="btnLogin" runat="server" onclick="btnLogin_Click" Text="Login" />
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>--%>
    <%--<div>
    
        <asp:Label ID="lblUserID" runat="server" Text="User ID"></asp:Label>
        
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
            ErrorMessage="Enter UserID" ControlToValidate="txtUserID"></asp:RequiredFieldValidator>
        <br />
        <asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label>
        
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
            ErrorMessage="Enter Password" ControlToValidate="txtPassword" Display="Dynamic"></asp:RequiredFieldValidator>
        <asp:RangeValidator ID="RangeValidator2" runat="server" 
            ErrorMessage="Password must be at least 6 to 8" MaximumValue="8" MinimumValue="6" ControlToValidate="txtPassword" Display="Dynamic"></asp:RangeValidator>
        <br />
        
    
    </div>--%>
    <form id="f1" runat="server">
    <div class="container">
        <!--- header gap--->
        <div class="row-fluid"></div>
        <div class="row-fluid">
            <div class="span3"></div>
            <div class="span4 content">
                <div class="row-fluid">
                    <div class="span6">
                        <h3>Login</h3>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span12" style="height:auto;">
                        <asp:Label ID="lblError" runat="server" ForeColor="Red" Font-Size="12px"></asp:Label>
                    </div>
                </div>
                <div class="row-fluid">
                    <%--<div class="span2 text-right">
                        <asp:Label ID="lblEmpID" runat="server" Text="Employee ID"></asp:Label>
                    </div>--%>
                    <div class="span3 text-left">
                        <asp:TextBox  ID="txtUserID" placeholder="EmployeeID" runat="server"></asp:TextBox>
                    </div>
                </div>
                <div class="row-fluid">
                    <%--<div class="span2 text-right">
                        <asp:Label ID="lblPasswd" runat="server" Text="Password"></asp:Label>
                    </div>--%>
                    <div class="span3 text-left">
                        <asp:TextBox ID="txtPassword" placeholder="Password" runat="server" TextMode="Password"></asp:TextBox>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span2">
                        <asp:Button CssClass="btn btn-primary" ID="btnLogin" runat="server" onclick="btnLogin_Click" Text="Login" />
                    </div>
                </div>
            </div>
            <div class="span3"></div>
        </div>
        <div class="row-fluid"></div>
    </div>
    </form>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.js" type="text/javascript"></script>

    <script type="text/javascript">
        $('#btnLogin').click(function () { 
            
        });
    </script>
</body>
</html>
